<template>
    <div>

      <form action="" method="get">

      
      <div class="post-title">
        <el-input
          placeholder="请输入标题....."
          v-model="formDatas.postTitle"
          maxlength='50'
          clearable
        >
        </el-input>
      </div>
      <div class="editor-container">
         <Editor 
         :minHeight='400'
         >
          <!-- 我的富文本编辑器 -->
         </Editor>
      </div>
      <div>
        <!-- 这里提供标签所有的标签类 -->
        这里添加一个标签类
        <div>
          这里是标签里面的子类
        </div>
      </div>
      <div class="upLoadMsg-post">
        <div>
          <el-button type="primary" class="upLoadMsg" @click="upLoadMsg()">确认提交</el-button>
        </div>
      </div>
    </form>
    </div>
  </template>
  
  <script>
  import Editor from '@/components/Editor';
  import ImageUpload from '../../../ImageUpload'
  export default {
    name:'personalPost',
    components:{
      Editor,
      ImageUpload,
    },
    data() {
      return {
        formDatas:{
          postTitle:'',
        }
      }
    },
    methods: {
      upLoadMsg(){
        console.log(this.formDatas);
      }
    },
  }
  </script>
  
  <style scoped>
  .post-title{
    width: 100%;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
  }
  .editor-container{
    margin-top: 20px;
    width: 100%;
    height: auto;
    padding: 10px;
  }
  .upLoadMsg-post{
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
  
  }
  .upLoadMsg{
    width: 300px;
    font-size: 18px;
  }
  </style>